<template>
	<div class="stakeMonitorDiv">
		<div class="commainSelect">
			<a-space :size="30">
				<div class="statusdiv">
					<div class="statusones" v-for="item in statusNum">
						<span class="ruanqiu" :style="{background: item.statusColor}"></span>
						<span class="ruanqiutitle">{{ item.statustitle }} （{{ item.statusNum }}）</span>
					</div>
				</div>
			</a-space>
		</div>
		<div class="stakeMonitorMain">
			<template v-for="(item, index) in stakeList">
				<a-card borderd class="cardsOnes" :class="[(index + 1) % 3 && 'mr12px']" :canExpan="false">
					<div class="zhuangOns" :style="{opacity: (item.astatus != null||item.bstatus != null) ? '1' : '0.3'}">
						<a-space class="zhuangOnsTop flex justify-between">
							<span class="zhuangOnsTop_sapn1">{{ item.stakeName }}桩</span>
							<div>
								<a-space>
									<Icon style="color: #1890ff; font-size: 14px; margin-left: 8px" icon="fa6-solid:gun"> </Icon>
									<span style="cursor: pointer;" @click="item.selectType = 'aa'" v-if="item.astatus != null">A枪</span>
									<a-divider type="vertical" />
									<span style="cursor: pointer;" @click="item.selectType = 'bb'" v-if="item.bstatus != null">B枪</span>
									<a-button v-if="item.astatus !== null||item.bstatus !== null" @click="stakedetails(item)" type="primary" size="small" preIcon="ant-design:line-chart-outlined"> 充电曲线 </a-button>
								</a-space>
							</div>
						</a-space>
						<p class="zhuangOnsTop_p1">VIN：{{ item.selectType == 'aa'?item.avin: item.bvin}}</p>
						<div v-show="item.selectType == 'aa'" class="zhuangOnsCenter">
							<div class="zhuangOnsCenterEcharts">
								<stakeMonitorpie :chartData="item.asoc" height="140px"></stakeMonitorpie>
							</div>
							<div class="zhuangOnsCenter_rt">
								<p>
									<span>目标充电量(soc)</span> <span>{{ item.atargetSoc }}%</span>
								</p>
								<p>
									<span>实时充电功率</span> <span>{{ item.arealtimePower }}千瓦</span>
								</p>
								<p>
									<span>实时充电电量</span> <span class="zhuangOnsCenter_rtp3span2">{{ item.arealtimeCapacity }}度</span>
								</p>
							</div>
						</div>
						<div v-show="item.selectType == 'bb'" class="zhuangOnsCenter">
							<div class="zhuangOnsCenterEcharts">
								<stakeMonitorpie :chartData="item.bsoc" height="140px"></stakeMonitorpie>
							</div>
							<div class="zhuangOnsCenter_rt">
								<p>
									<span>目标充电量(soc)</span> <span>{{ item.btargetSoc }}%</span>
								</p>
								<p>
									<span>实时充电功率</span> <span>{{ item.brealtimePower }}千瓦</span>
								</p>
								<p>
									<span>实时充电电量</span> <span class="zhuangOnsCenter_rtp3span2">{{ item.brealtimeCapacity }}度</span>
								</p>
							</div>
						</div>
						<div class="zhuangOnsBoM">
							<p>
								<span>
									<Icon icon="iconamoon:clock-fill" style="color: #1890ff; font-size: 14px; margin-left: 2px" />
									充电开始时间: {{ item.selectType == 'a'?item.astartTime :item.bstartTime}}
								</span>
								<span>{{ item.selectType == 'a'?item.achargingTime :item.bchargingTime}}</span>
							</p>
							<p class="!mb-0">
								<span>
									<Icon icon="ri:alarm-warning-fill" style="color: #f63016; font-size: 14px; margin-left: 2px" />
									实时充电预警
								</span>
								<span class="zhuangOnsBoMp2spann2">--</span>
							</p>
						</div>
					</div>
				</a-card>
			</template>
		</div>
	</div>
	<a-modal v-model:open="open" :title="'1#桩充电监控'" :footer="null" width="1420px">
		<stakeMonitorpieModal  :imei=nowImei />
	</a-modal>
</template>

<script lang="js" name="stakeMonitor" setup>
	import {ref, reactive, computed, unref, onMounted} from 'vue';
	import {getStake} from '/@/api/panoramicMonitoring/SiteMonitoringDetails';
	import stakeMonitorpie from './stakeMonitorComponent/stakeMonitorpie.vue';
	// 详情弹窗
	const open = ref(false);
	import stakeMonitorpieModal from './stakeMonitorComponent/stakeMonitorpieModal.vue';

	import {useRoute} from 'vue-router';
	const route = useRoute();
	const stationId = route.query.stationId;
	const selectType = ref('bb');
	const nowImei=ref('')
	onMounted(() => {
		getData();
	});

	const stakeList = ref([]);
	const getData = () => {
		statusNum.value[0].statusNum = 0;
		statusNum.value[1].statusNum = 0;
		getStake({stationId: stationId}).then((res) => {
			stakeList.value = res;
			stakeList.value.forEach((item) => {
			item.selectType=item.astatus?'aa':'bb';
			});
			console.log('stakeList', stakeList.value);
		});
	};
	// import {useModal} from '/@/components/Modal';
	// const [stakeMonitorpieModa, {openModal: openModal1}] = useModal();
	function stakedetails(item) {
		nowImei.value=item.imei;
		open.value = true;

	}

	const statusNum = ref([
		{
			statusColor: '#02718e',
			statustitle: '充电中',
			statusNum: '--',
		},
		{
			statusColor: '#97ea89',
			statustitle: '空闲',
			statusNum: '--',
		},
		{
			statusColor: '#ffbf90',
			statustitle: '故障',
			statusNum: 0,
		},
		{
			statusColor: '#ff86be',
			statustitle: '停机',
			statusNum: 0,
		},
		{
			statusColor: '#9ca8b9',
			statustitle: '离线',
			statusNum: 0,
		},
	]);
	const stakeInfoList = ref([
		{
			stakeNumber: '7号桩',
			gunInfoList: [
				{
					gunName: 'A枪',
					createBy: 'taizhoudl',
					stakeId: '1832764509689757698',
					frData: {
						frData1: {
							batteryNumber: null,
							serialNumber: null,
							batteryManufacturers: null,
							bmsVersion: null,
							propertIdentification: null,
							batteryProductionDate: null,
							bmsChargingVoltage: null,
							version: null,
							areaCode: null,
							numberOfCharge: null,
							typeOfBattery: null,
							identifyTheResults: null,
							dataId: null,
							protocolVersion: null,
							vin: null,
							batteryCapacity: null,
							id: null,
							sn: null,
							time: null,
							chargingPileNumber: null,
							totalVoltage: null,
							chargingStation: null,
						},
						frData2: {
							chargingVoltageOfSingleUnit: null,
							serialNumber: null,
							minimumOutputCurrent: null,
							soc: null,
							maximumChargingCurrent: null,
							bmsReadyOrNot: null,
							chargerTime: null,
							maximumOutputVoltage: null,
							maximumCurrentOutput: null,
							dataId: null,
							maximumPermissibleChargingVoltage: null,
							chargingReadyOrNot: null,
							maximumTemperature: null,
							grossEnergy: null,
							id: null,
							sn: null,
							time: null,
							totalVoltage: null,
							minimumOutputVoltage: null,
							chargingStation: null,
						},
						frData3: {
							batteryNumber: null,
							voltageOutputValue: null,
							soc: null,
							chargingState1: null,
							singleBatteryVoltage: null,
							minimumCheckPoint: null,
							singleBatteryVoltageNumber: null,
							dataId: null,
							bcsElectricQuantity: null,
							id: null,
							sn: null,
							currentMeasurement: null,
							remainingChargingTime: null,
							currentRequirement: null,
							ccsElectricQuantity: null,
							serialNumber: null,
							voltageCondition: null,
							cumulativeChargingTime: null,
							maximumBatteryTemperature: null,
							chargingState: null,
							insulation: null,
							voltageMeasurement: null,
							charger: null,
							maximumCheckPoint: null,
							minimumBatteryTemperature: null,
							connector: null,
							currentOutputValue: null,
							electricCurrent: null,
							time: null,
							vr: null,
							temperatureState: null,
							chargingStation: null,
							soc1: null,
						},
						frData4: {
							finallySoc: null,
							maximumVoltage: null,
							serialNumber: null,
							chargingTime: null,
							electricEnergy: null,
							number: null,
							dataId: null,
							minimumVoltage: null,
							maximumTemperature: null,
							bmsClosingDown: null,
							minimumTemperature: null,
							id: null,
							sn: null,
							time: null,
							chargingClosingDown: null,
							chargingStation: null,
						},
					},
					lastChargingId: null,
					createTime: '2024-09-08 20:54:45',
					updateBy: null,
					chargingId: null,
					gunAddr: '01',
					updateTime: null,
					id: '1832764509823975425',
					status: 0,
				},
			],
			stakeType: 1,
			stakeName: '7号桩',
			updateTime: null,
			createBy: 'taizhoudl',
			createTime: '2024-09-08 20:54:45',
			updateBy: null,
			imei: '0865661070461754',
			online: 1,
			id: '1832764509689757698',
			doubleGun: 0,
			stationId: '1832616003322789889',
		},
		{
			stakeNumber: '8号桩',
			gunInfoList: [
				{
					gunName: 'A枪',
					createBy: 'taizhoudl',
					stakeId: '1832764593114464258',
					frData: {
						frData1: {
							batteryNumber: null,
							serialNumber: null,
							batteryManufacturers: null,
							bmsVersion: null,
							propertIdentification: null,
							batteryProductionDate: null,
							bmsChargingVoltage: null,
							version: null,
							areaCode: null,
							numberOfCharge: null,
							typeOfBattery: null,
							identifyTheResults: null,
							dataId: null,
							protocolVersion: null,
							vin: null,
							batteryCapacity: null,
							id: null,
							sn: null,
							time: null,
							chargingPileNumber: null,
							totalVoltage: null,
							chargingStation: null,
						},
						frData2: {
							chargingVoltageOfSingleUnit: null,
							serialNumber: null,
							minimumOutputCurrent: null,
							soc: null,
							maximumChargingCurrent: null,
							bmsReadyOrNot: null,
							chargerTime: null,
							maximumOutputVoltage: null,
							maximumCurrentOutput: null,
							dataId: null,
							maximumPermissibleChargingVoltage: null,
							chargingReadyOrNot: null,
							maximumTemperature: null,
							grossEnergy: null,
							id: null,
							sn: null,
							time: null,
							totalVoltage: null,
							minimumOutputVoltage: null,
							chargingStation: null,
						},
						frData3: {
							batteryNumber: null,
							voltageOutputValue: null,
							soc: null,
							chargingState1: null,
							singleBatteryVoltage: null,
							minimumCheckPoint: null,
							singleBatteryVoltageNumber: null,
							dataId: null,
							bcsElectricQuantity: null,
							id: null,
							sn: null,
							currentMeasurement: null,
							remainingChargingTime: null,
							currentRequirement: null,
							ccsElectricQuantity: null,
							serialNumber: null,
							voltageCondition: null,
							cumulativeChargingTime: null,
							maximumBatteryTemperature: null,
							chargingState: null,
							insulation: null,
							voltageMeasurement: null,
							charger: null,
							maximumCheckPoint: null,
							minimumBatteryTemperature: null,
							connector: null,
							currentOutputValue: null,
							electricCurrent: null,
							time: null,
							vr: null,
							temperatureState: null,
							chargingStation: null,
							soc1: null,
						},
						frData4: {
							finallySoc: null,
							maximumVoltage: null,
							serialNumber: null,
							chargingTime: null,
							electricEnergy: null,
							number: null,
							dataId: null,
							minimumVoltage: null,
							maximumTemperature: null,
							bmsClosingDown: null,
							minimumTemperature: null,
							id: null,
							sn: null,
							time: null,
							chargingClosingDown: null,
							chargingStation: null,
						},
					},
					lastChargingId: null,
					createTime: '2024-09-08 20:55:05',
					updateBy: null,
					chargingId: null,
					gunAddr: '01',
					updateTime: null,
					id: '1832764593164795905',
					status: 0,
				},
			],
			stakeType: 1,
			stakeName: '8号桩',
			updateTime: null,
			createBy: 'taizhoudl',
			createTime: '2024-09-08 20:55:05',
			updateBy: null,
			imei: '0865661070461135',
			online: 1,
			id: '1832764593114464258',
			doubleGun: 0,
			stationId: '1832616003322789889',
		},
		{
			stakeNumber: '10号桩',
			gunInfoList: [
				{
					gunName: 'A枪',
					createBy: 'taizhoudl',
					stakeId: '1832764694906028034',
					frData: {
						frData1: {
							batteryNumber: null,
							serialNumber: null,
							batteryManufacturers: null,
							bmsVersion: null,
							propertIdentification: null,
							batteryProductionDate: null,
							bmsChargingVoltage: null,
							version: null,
							areaCode: null,
							numberOfCharge: null,
							typeOfBattery: null,
							identifyTheResults: null,
							dataId: null,
							protocolVersion: null,
							vin: null,
							batteryCapacity: null,
							id: null,
							sn: null,
							time: null,
							chargingPileNumber: null,
							totalVoltage: null,
							chargingStation: null,
						},
						frData2: {
							chargingVoltageOfSingleUnit: null,
							serialNumber: null,
							minimumOutputCurrent: null,
							soc: null,
							maximumChargingCurrent: null,
							bmsReadyOrNot: null,
							chargerTime: null,
							maximumOutputVoltage: null,
							maximumCurrentOutput: null,
							dataId: null,
							maximumPermissibleChargingVoltage: null,
							chargingReadyOrNot: null,
							maximumTemperature: null,
							grossEnergy: null,
							id: null,
							sn: null,
							time: null,
							totalVoltage: null,
							minimumOutputVoltage: null,
							chargingStation: null,
						},
						frData3: {
							batteryNumber: null,
							voltageOutputValue: null,
							soc: null,
							chargingState1: null,
							singleBatteryVoltage: null,
							minimumCheckPoint: null,
							singleBatteryVoltageNumber: null,
							dataId: null,
							bcsElectricQuantity: null,
							id: null,
							sn: null,
							currentMeasurement: null,
							remainingChargingTime: null,
							currentRequirement: null,
							ccsElectricQuantity: null,
							serialNumber: null,
							voltageCondition: null,
							cumulativeChargingTime: null,
							maximumBatteryTemperature: null,
							chargingState: null,
							insulation: null,
							voltageMeasurement: null,
							charger: null,
							maximumCheckPoint: null,
							minimumBatteryTemperature: null,
							connector: null,
							currentOutputValue: null,
							electricCurrent: null,
							time: null,
							vr: null,
							temperatureState: null,
							chargingStation: null,
							soc1: null,
						},
						frData4: {
							finallySoc: null,
							maximumVoltage: null,
							serialNumber: null,
							chargingTime: null,
							electricEnergy: null,
							number: null,
							dataId: null,
							minimumVoltage: null,
							maximumTemperature: null,
							bmsClosingDown: null,
							minimumTemperature: null,
							id: null,
							sn: null,
							time: null,
							chargingClosingDown: null,
							chargingStation: null,
						},
					},
					lastChargingId: null,
					createTime: '2024-09-08 20:55:29',
					updateBy: null,
					chargingId: null,
					gunAddr: '01',
					updateTime: null,
					id: '1832764695132520449',
					status: 0,
				},
			],
			stakeType: 1,
			stakeName: '10号桩',
			updateTime: null,
			createBy: 'taizhoudl',
			createTime: '2024-09-08 20:55:29',
			updateBy: null,
			imei: '0868892074807547',
			online: 1,
			id: '1832764694906028034',
			doubleGun: 0,
			stationId: '1832616003322789889',
		},
		{
			stakeNumber: '13号桩',
			gunInfoList: [
				{
					gunName: 'A枪',
					createBy: 'taizhoudl',
					stakeId: '1832764769426227201',
					frData: {
						frData1: {
							batteryNumber: null,
							serialNumber: null,
							batteryManufacturers: null,
							bmsVersion: null,
							propertIdentification: null,
							batteryProductionDate: null,
							bmsChargingVoltage: null,
							version: null,
							areaCode: null,
							numberOfCharge: null,
							typeOfBattery: null,
							identifyTheResults: null,
							dataId: null,
							protocolVersion: null,
							vin: null,
							batteryCapacity: null,
							id: null,
							sn: null,
							time: null,
							chargingPileNumber: null,
							totalVoltage: null,
							chargingStation: null,
						},
						frData2: {
							chargingVoltageOfSingleUnit: null,
							serialNumber: null,
							minimumOutputCurrent: null,
							soc: null,
							maximumChargingCurrent: null,
							bmsReadyOrNot: null,
							chargerTime: null,
							maximumOutputVoltage: null,
							maximumCurrentOutput: null,
							dataId: null,
							maximumPermissibleChargingVoltage: null,
							chargingReadyOrNot: null,
							maximumTemperature: null,
							grossEnergy: null,
							id: null,
							sn: null,
							time: null,
							totalVoltage: null,
							minimumOutputVoltage: null,
							chargingStation: null,
						},
						frData3: {
							batteryNumber: null,
							voltageOutputValue: null,
							soc: null,
							chargingState1: null,
							singleBatteryVoltage: null,
							minimumCheckPoint: null,
							singleBatteryVoltageNumber: null,
							dataId: null,
							bcsElectricQuantity: null,
							id: null,
							sn: null,
							currentMeasurement: null,
							remainingChargingTime: null,
							currentRequirement: null,
							ccsElectricQuantity: null,
							serialNumber: null,
							voltageCondition: null,
							cumulativeChargingTime: null,
							maximumBatteryTemperature: null,
							chargingState: null,
							insulation: null,
							voltageMeasurement: null,
							charger: null,
							maximumCheckPoint: null,
							minimumBatteryTemperature: null,
							connector: null,
							currentOutputValue: null,
							electricCurrent: null,
							time: null,
							vr: null,
							temperatureState: null,
							chargingStation: null,
							soc1: null,
						},
						frData4: {
							finallySoc: null,
							maximumVoltage: null,
							serialNumber: null,
							chargingTime: null,
							electricEnergy: null,
							number: null,
							dataId: null,
							minimumVoltage: null,
							maximumTemperature: null,
							bmsClosingDown: null,
							minimumTemperature: null,
							id: null,
							sn: null,
							time: null,
							chargingClosingDown: null,
							chargingStation: null,
						},
					},
					lastChargingId: null,
					createTime: '2024-09-08 20:55:47',
					updateBy: null,
					chargingId: null,
					gunAddr: '01',
					updateTime: null,
					id: '1832764769749188610',
					status: 1,
				},
			],
			stakeType: 1,
			stakeName: '13号桩',
			updateTime: null,
			createBy: 'taizhoudl',
			createTime: '2024-09-08 20:55:47',
			updateBy: null,
			imei: '0868892075137837',
			online: 1,
			id: '1832764769426227201',
			doubleGun: 0,
			stationId: '1832616003322789889',
		},
		{
			stakeNumber: '11号桩',
			gunInfoList: [
				{
					gunName: 'A枪',
					createBy: 'taizhoudl',
					stakeId: '1832764846299430913',
					frData: {
						frData1: {
							batteryNumber: null,
							serialNumber: null,
							batteryManufacturers: null,
							bmsVersion: null,
							propertIdentification: null,
							batteryProductionDate: null,
							bmsChargingVoltage: null,
							version: null,
							areaCode: null,
							numberOfCharge: null,
							typeOfBattery: null,
							identifyTheResults: null,
							dataId: null,
							protocolVersion: null,
							vin: null,
							batteryCapacity: null,
							id: null,
							sn: null,
							time: null,
							chargingPileNumber: null,
							totalVoltage: null,
							chargingStation: null,
						},
						frData2: {
							chargingVoltageOfSingleUnit: null,
							serialNumber: null,
							minimumOutputCurrent: null,
							soc: null,
							maximumChargingCurrent: null,
							bmsReadyOrNot: null,
							chargerTime: null,
							maximumOutputVoltage: null,
							maximumCurrentOutput: null,
							dataId: null,
							maximumPermissibleChargingVoltage: null,
							chargingReadyOrNot: null,
							maximumTemperature: null,
							grossEnergy: null,
							id: null,
							sn: null,
							time: null,
							totalVoltage: null,
							minimumOutputVoltage: null,
							chargingStation: null,
						},
						frData3: {
							batteryNumber: null,
							voltageOutputValue: null,
							soc: null,
							chargingState1: null,
							singleBatteryVoltage: null,
							minimumCheckPoint: null,
							singleBatteryVoltageNumber: null,
							dataId: null,
							bcsElectricQuantity: null,
							id: null,
							sn: null,
							currentMeasurement: null,
							remainingChargingTime: null,
							currentRequirement: null,
							ccsElectricQuantity: null,
							serialNumber: null,
							voltageCondition: null,
							cumulativeChargingTime: null,
							maximumBatteryTemperature: null,
							chargingState: null,
							insulation: null,
							voltageMeasurement: null,
							charger: null,
							maximumCheckPoint: null,
							minimumBatteryTemperature: null,
							connector: null,
							currentOutputValue: null,
							electricCurrent: null,
							time: null,
							vr: null,
							temperatureState: null,
							chargingStation: null,
							soc1: null,
						},
						frData4: {
							finallySoc: null,
							maximumVoltage: null,
							serialNumber: null,
							chargingTime: null,
							electricEnergy: null,
							number: null,
							dataId: null,
							minimumVoltage: null,
							maximumTemperature: null,
							bmsClosingDown: null,
							minimumTemperature: null,
							id: null,
							sn: null,
							time: null,
							chargingClosingDown: null,
							chargingStation: null,
						},
					},
					lastChargingId: null,
					createTime: '2024-09-08 20:56:48',
					updateBy: null,
					chargingId: null,
					gunAddr: '01',
					updateTime: null,
					id: '1832765024691568642',
					status: 0,
				},
			],
			stakeType: 1,
			stakeName: '11号桩',
			updateTime: '2024-09-08 20:56:48',
			createBy: 'taizhoudl',
			createTime: '2024-09-08 20:56:05',
			updateBy: 'taizhoudl',
			imei: '0868892075132960',
			online: 1,
			id: '1832764846299430913',
			doubleGun: 0,
			stationId: '1832616003322789889',
		},
	]);
</script>

<style lang="less" scoped>
	:deep(.ant-picker),
	:deep(.ant-input-number) {
		width: 100%;
	}

	:deep(.ant-modal-header) {
		background: #f2f2f2 !important;
	}

	.stakeMonitorDiv {
		position: relative;

		.commainSelect {
			position: absolute;
			right: 32px;
			top: -60px;
			z-index: 99;
		}

		.statusdiv {
			display: flex;
			align-items: center;
			margin: 12px 0px;

			.statusones {
				display: flex;
				justify-content: center;
				align-items: center;

				.ruanqiu {
					border-radius: 50%;
					width: 14px;
					height: 14px;
				}

				.ruanqiutitle {
					font-weight: 300;
					font-style: normal;
					font-size: 16px;
					color: rgba(0, 0, 0, 0.996);
					padding-left: 7px;
				}
			}
		}

		.stakeMonitorMain {
			display: flex;
			flex-wrap: wrap;

			.cardsOnes {
				width: 32.5%;
				margin-bottom: 1rem;
				box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

				&:hover {
					transform: scale(1.05);
					z-index: 11;
					border: 2px solid #00a096;
				}
			}

			.mr12px {
				margin-right: 1.25%;
			}
		}

		.stakeMonitorMain {
			.cardsOnes {
				.zhuangOns {
					.zhuangOnsTop {
						.zhuangOnsTop_sapn1 {
							font-weight: 600;
							font-style: normal;
							font-size: 20px;
						}
					}

					.zhuangOnsTop_p1 {
						font-weight: 300;
						font-style: normal;
						font-size: 16px;
						color: rgba(0, 0, 0, 0.996);
					}

					.zhuangOnsCenter {
						display: flex;

						.zhuangOnsCenterEcharts {
							width: 40%;
						}

						.zhuangOnsCenter_rt {
							width: 60%;

							p {
								display: flex;
								justify-content: space-between;
								font-size: 16px;

								span:nth-of-type(1) {
									font-weight: 300;
									color: #7d7d7d;
								}

								span:nth-of-type(2) {
									font-weight: 600;
									color: rgb(51, 51, 51);
								}
							}

							.zhuangOnsCenter_rtp3span2 {
								color: #30e7ba !important;
							}
						}
					}

					.zhuangOnsBoM {
						border-top: 1px dashed #c7c7c7;
						padding-top: 10px;

						p {
							display: flex;
							justify-content: space-between;

							> span {
								&:nth-of-type(1) {
									font-weight: 300;
									font-style: normal;
									font-size: 14px;
									color: rgba(125, 125, 125, 0.996);
								}

								&:nth-of-type(2) {
									font-weight: 600;
									color: rgb(51, 51, 51);
									font-size: 14px;
								}
							}

							.zhuangOnsBoMp2spann2 {
								color: red !important;
							}
						}
					}
				}
			}
		}
	}
</style>
